﻿<Canvas
	xmlns="http://schemas.microsoft.com/client/2007"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	x:Name="UserControl" 
	Width="26.703" Height="26.703" Canvas.Left="0" Canvas.Top="0" Cursor="Hand">
  <Canvas.Resources>
    <Storyboard Name="Movement" FillBehavior="HoldEnd">
      <DoubleAnimation Name="Left" Storyboard.TargetName="UserControl" Storyboard.TargetProperty="(Canvas.Left)" Duration="00:00:00.3"/>
      <DoubleAnimation Name="Top" Storyboard.TargetName="UserControl" Storyboard.TargetProperty="(Canvas.Top)" Duration="00:00:00.3"/>
    </Storyboard>
    <Storyboard Name="Hover" FillBehavior="HoldEnd">
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.2" Storyboard.TargetName="SelectionRing" Storyboard.TargetProperty="(UIElement.Opacity)" From="0" To="1"/>
    </Storyboard>
    <Storyboard Name="Collapse" FillBehavior="HoldEnd" Duration="00:00:00.2">
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="BackgroundScale" Storyboard.TargetProperty="ScaleX" To="0"/>
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="BackgroundScale" Storyboard.TargetProperty="ScaleY" To="0"/>
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="ReliefScale" Storyboard.TargetProperty="ScaleX" To="0"/>
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="ReliefScale" Storyboard.TargetProperty="ScaleY" To="0"/>
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="GlassEffectScale" Storyboard.TargetProperty="ScaleX" To="0"/>
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="GlassEffectScale" Storyboard.TargetProperty="ScaleY" To="0"/>
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="SelectionRingScale" Storyboard.TargetProperty="ScaleX" To="0"/>
      <DoubleAnimation BeginTime="00:00:00" Duration="00:00:00.1" Storyboard.TargetName="SelectionRingScale" Storyboard.TargetProperty="ScaleY" To="0"/>
      <DoubleAnimation BeginTime="00:00:00.05" AutoReverse="True" Duration="00:00:00.05" Storyboard.TargetName="Flash" Storyboard.TargetProperty="Opacity" From="0" To="1"/>
    </Storyboard>
  </Canvas.Resources>
  <Path x:Name="Background" Stretch="Fill" StrokeThickness="4" StrokeLineJoin="Round" Stroke="#93000000" Fill="#FF091E6C" Data="F1 M 23.3651,97.3222L 35.4014,97.3222C 38.3469,97.3222 40.7347,99.71 40.7347,102.656L 40.7347,114.692C 40.7347,117.637 38.3469,120.025 35.4014,120.025L 23.3651,120.025C 20.4196,120.025 18.0318,117.637 18.0318,114.692L 18.0318,102.656C 18.0318,99.71 20.4196,97.3222 23.3651,97.3222 Z " Width="26.703" Height="26.703" Canvas.Left="0.077" Canvas.Top="0.077">
    <Path.RenderTransform>
      <ScaleTransform Name="BackgroundScale" CenterX="13.351" CenterY="13.351" ScaleX="1" ScaleY="1"/>
    </Path.RenderTransform>
  </Path>
	<Path x:Name="Relief" Stretch="Fill" Data="F1 M 23.3651,97.3222L 35.4014,97.3222C 38.3469,97.3222 40.7347,99.71 40.7347,102.656L 40.7347,114.692C 40.7347,117.637 38.3469,120.025 35.4014,120.025L 23.3651,120.025C 20.4196,120.025 18.0318,117.637 18.0318,114.692L 18.0318,102.656C 18.0318,99.71 20.4196,97.3222 23.3651,97.3222 Z " Width="22.703" Height="22.703" Canvas.Left="2.077" Canvas.Top="2.077">
		<Path.Fill>
			<RadialGradientBrush RadiusX="0.615774" RadiusY="0.374062" Center="0.502971,0.500438" GradientOrigin="0.502971,0.500438">
				<RadialGradientBrush.RelativeTransform>
					<TransformGroup/>
				</RadialGradientBrush.RelativeTransform>
				<GradientStop Color="#00FFFFFF" Offset="0"/>
				<GradientStop Color="#62FFFFFF" Offset="1"/>
			</RadialGradientBrush>
		</Path.Fill>
    <Path.RenderTransform>
      <ScaleTransform Name="ReliefScale" CenterX="13.351" CenterY="13.351" ScaleX="1" ScaleY="1"/>
    </Path.RenderTransform>
	</Path>
	<Path x:Name="GlassEffect" Stretch="Fill" Data="F1 M 23.3651,97.3222L 35.4014,97.3222C 38.3469,97.3222 40.7347,99.71 40.7347,102.656L 40.7347,114.692C 40.7347,117.637 38.3469,120.025 35.4014,120.025L 23.3651,120.025C 20.4196,120.025 18.0318,117.637 18.0318,114.692L 18.0318,102.656C 18.0318,99.71 20.4196,97.3222 23.3651,97.3222 Z " Width="22.703" Height="22.703" Canvas.Left="2.077" Canvas.Top="2.077">
		<Path.Fill>
			<LinearGradientBrush StartPoint="0.310345,0.031831" EndPoint="0.427056,0.854111">
				<GradientStop Color="#00FFFFFF" Offset="0"/>
				<GradientStop Color="#32676767" Offset="0.158527"/>
				<GradientStop Color="#60FFFFFF" Offset="0.187403"/>
				<GradientStop Color="#32FFFFFF" Offset="0.34261"/>
				<GradientStop Color="#04000000" Offset="0.385923"/>
				<GradientStop Color="#2E000000" Offset="0.627757"/>
				<GradientStop Color="#59000000" Offset="0.696336"/>
				<GradientStop Color="#2C000000" Offset="0.782963"/>
				<GradientStop Color="#00000000" Offset="1"/>
			</LinearGradientBrush>
		</Path.Fill>
    <Path.RenderTransform>
      <ScaleTransform Name="GlassEffectScale" CenterX="13.351" CenterY="13.351" ScaleX="1" ScaleY="1"/>
    </Path.RenderTransform>
	</Path>
  <Path x:Name="SelectionRing" Opacity="0" Stretch="Fill" StrokeThickness="3" StrokeLineJoin="Round" Stroke="#9AFFFFFF" Data="F1 M 25.1175,99.0746L 33.6474,99.0746C 36.5929,99.0746 38.9807,101.462 38.9807,104.408L 38.9807,112.938C 38.9807,115.883 36.5929,118.271 33.6474,118.271L 25.1175,118.271C 22.172,118.271 19.7842,115.883 19.7842,112.938L 19.7842,104.408C 19.7842,101.462 22.172,99.0746 25.1175,99.0746 Z " Width="22.196" Height="22.196" Canvas.Left="2.329" Canvas.Top="2.33">
    <Path.RenderTransform>
      <ScaleTransform Name="SelectionRingScale" CenterX="13.351" CenterY="13.351" ScaleX="1" ScaleY="1"/>
    </Path.RenderTransform>
  </Path>
  <Ellipse x:Name="Flash" Width="15.75" Height="16.125" Canvas.Left="5.5" Canvas.Top="5.5" Opacity="0">
    <Ellipse.Fill>
      <RadialGradientBrush>
        <GradientStop Color="#FFFFFFFF" Offset="0"/>
        <GradientStop Color="#00FFFFFF" Offset="1"/>
        <GradientStop Color="#C3FFFFFF" Offset="0.385"/>
        <GradientStop Color="#2BFFFFFF" Offset="0.731"/>
      </RadialGradientBrush>
    </Ellipse.Fill>
  </Ellipse>	
</Canvas>